.button {
border: 1px solid rgba(0, 0, 0, 0.1);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
text-transform: uppercase;
color: #666;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0 3px;
padding: 7px 12px;
background: #f1f1f1;
background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
-moz-transition: border-color .218s;
-o-transition: border-color .218s;
-webkit-transition: border-color .218s;
-ms-transition: border-color .218s;
transition: border-color .218s;
}
.button:hover {
-moz-transition: border-color .218s;
-o-transition: border-color .218s;
-webkit-transition: border-color .218s;
-ms-transition: border-color .218s;
transition: border-color .218s;
background: #f1f1f1;
background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #e0e0e0, #e5e5e5);
background-image: -moz-linear-gradient(top, #e0e0e0, #e5e5e5);
background-image: -ms-linear-gradient(top, #e0e0e0, #e5e5e5);
background-image: -o-linear-gradient(top, #e0e0e0, #e5e5e5);
background-image: linear-gradient(top, #e0e0e0, #e5e5e5);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
border-color: #939393;
color: #333;
}
.button:active {
    border-color: #444444;
background: #f5f5f5;
background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f1f1f1), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #f1f1f1, #f5f5f5);
background-image: -moz-linear-gradient(top, #f1f1f1, #f5f5f5);
background-image: -ms-linear-gradient(top, #f1f1f1, #f5f5f5);
background-image: -o-linear-gradient(top, #f1f1f1, #f5f5f5);
background-image: linear-gradient(top, #f1f1f1, #f5f5f5);
}

.usuario{
font-size:20px;
padding-top:5px;
}

#cuadrado21, #cuadrado11, #cuadrado31,#cuadrado41,#cuadrado51{
	margin-left:30px;
	margin-top:10px;
	 
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3f93e8), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3f93e8, #65a9d7);
   background: -moz-linear-gradient(top, #3f93e8, #65a9d7);
   background: -ms-linear-gradient(top, #3f93e8, #65a9d7);
   background: -o-linear-gradient(top, #3f93e8, #65a9d7);
   padding: 4.5px 9px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #030303;
   font-size: 12px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
}

#cuadrado21:hover, #cuadrado11:hover, #cuadrado31:hover,#cuadrado41:hover,#cuadrado51:hover{
 border-top-color: #28597a;
 
   background: -webkit-gradient(linear, left top, left bottom, from(#3f93e8), to(#65a9d7));
   background: -webkit-linear-gradient(top, #65a9d7, #3f93e8);
   background: -moz-linear-gradient(top, #65a9d7, #3f93e8);
   background: -ms-linear-gradient(top, #65a9d7, #3f93e8);
   background: -o-linear-gradient(top, #65a9d7, #3f93e8);
   color: #ccc;

}
#cuadrado21:active, #cuadrado11:active, #cuadrado31:active,#cuadrado41:active,#cuadrado51:active{
 border-top-color: #28597a;
   

}

.fav{float:right;
	width:20px;
	height:20px;
	margin-left:20px;
	 border-top: 1px solid #f58080;
   background: #ed5757;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0181b), to(#ed5757));
   background: -webkit-linear-gradient(top, #f0181b, #ed5757);
   background: -moz-linear-gradient(top, #f0181b, #ed5757);
   background: -ms-linear-gradient(top, #f0181b, #ed5757);
   background: -o-linear-gradient(top, #f0181b, #ed5757);
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;}

#cerrar1,#cerrar2, #cerrar3,#cerrar4,#cerrar5{
	float:right;
	width:20px;
	height:20px;
	margin-left:20px;
	 border-top: 1px solid #f58080;
   background: #ed5757;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0181b), to(#ed5757));
   background: -webkit-linear-gradient(top, #f0181b, #ed5757);
   background: -moz-linear-gradient(top, #f0181b, #ed5757);
   background: -ms-linear-gradient(top, #f0181b, #ed5757);
   background: -o-linear-gradient(top, #f0181b, #ed5757);
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
}

#guardar, #cambiar_bot,#insertar,#enviar,#entrada{  
		background:#e5e5e5;
	    display:inline-block;
	    margin:2 6px;
	    padding:3px 7px 3px;
	    color:#333;
	    text-decoration:none;
	    text-shadow: 0 1px 1px #FFF;
	    border:1px solid #ccc;
		font-weight:bold;
		
	    /* Bordes redondenados - Border Radius */
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;
	    border-radius:4px;
	 
		/* Fondo Degradado - Background Gradient */
	    background:-webkit-linear-gradient(top, #fefefe, #e5e5e5); /* Chrome 10+ */
		background:   -moz-linear-gradient(top, #fefefe, #e5e5e5); /* Firefox 3.6+ */
	    background:    -ms-linear-gradient(top, #fefefe, #e5e5e5); /* IE10 */
	    background:        linear-gradient(top, #fefefe, #e5e5e5);
	 
	    /* Aplcamos sombras al boton - Box Shadow */
	    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
	    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
	    box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
	
	    /* Animacion - Transition */
	    -webkit-transition: all ease-in-out .3s;
		-moz-transition: all ease-in-out .3s;
	    transition: all ease-in-out .3s;
    }